﻿@model QuanLyGiaoVuUI.Models.GiangVienClient.ThongTinGiangVienClientViewModel
@{
    ViewBag.Title = "LopMonHoc";
    Layout = "~/Views/Shared/_GiangVienClientLayout.cshtml";
}

@{Html.RenderPartial("GiangVienClientGiangDayMenuPartial");}
<div id="main" class="grid_10">
    <div id="page-heading" class="box round first grid">
        <h2>XÁC NHẬN GIẢNG DẠY HK @Model.HocKyHienTai.TenHocKy - Năm Học: @Model.NamHocHienTai.Nam1 - @Model.NamHocHienTai.Nam2</h2>
        <!-- end page-heading -->

        <div id="gvclientmaincontent" class="block">

            @{Html.EnableClientValidation();}
            @using (Ajax.BeginForm("LopMonHoc", "GiangVienClient", new AjaxOptions { HttpMethod = "POST" }))
            {
                int i = 1;
                var count = 0;
                @Html.ValidationSummary(true)
                @Html.HiddenFor(model => model.ID)
                <table class="data display datatable">
                    <thead>
                        <tr>
                            <th class="sorting">STT</th>
                            <th class="sorting">Mã Lớp</th>
                            <th class="sorting">Tên Môn Học</th>
                            <th class="sorting">Loại Lớp</th>
                            <th class="sorting">SS.Tối Đa</th>
                            <th class="sorting">Giảng Viên 1</th>
                            <th class="sorting">Giảng Viên 2</th>
                            <th class="sorting">Xác Nhận</th>
                            <th class="sorting">Ghi Chú</th>
                        </tr>
                    </thead>

                    @foreach (var lopmonhoc in Model.DanhSachLopMonHoc)
                    {
                        string temp = "XacNhanGV" + i;
                        string temp2 = "GhiChuGV" + i;
                        <tr class="gradeA @(++count % 2 == 0 ? "even" : "odd")">
                            <td class="odd gradeX">@i</td>
                            <td class="odd gradeX">@lopmonhoc.MaLopDayDu</td>
                            <td class="odd gradeX">@lopmonhoc.MonHoc.TenMonHoc</td>
                            <td class="odd gradeX">@(lopmonhoc.LoaiLop == 0 ? "Lý Thuyết" : "Thực Hành") </td>
                            <td class="odd gradeX">@lopmonhoc.SiSoToiDa</td>
                            <td class="odd gradeX">@lopmonhoc.GiangVien1.HoTenGV</td>
                            <td class="odd gradeX">@(lopmonhoc.GiangVien2 != null ? lopmonhoc.GiangVien2.HoTenGV : string.Empty)</td>

                            @if (lopmonhoc.GiangVienXacNhan)
                            {
                                <td class="odd gradeX">
                                    <span>
                                        @*<input type="checkbox"  checked="checked" disabled="disabled" id="@temp" name="@temp" value="false" onchange="xacNhanGiangDay('@lopmonhoc.MaLopMonHoc','@lopmonhoc.MaHocKy',@i)" />*@
                                        <a href="#">Đã XN</a>
                                    </span>
                                    @*<span><input type="checkbox"  disabled="disabled" id="@temp" name="@temp" value="true" onchange="xacNhanGiangDay('@lopmonhoc.MaLopMonHoc','@lopmonhoc.MaHocKy',@i)" />Không</span>*@
                                </td>
                                <td class="odd gradeX">
                                    <div>
                                        <div id="@temp2" name="@temp2">@lopmonhoc.GhiChu</div></div>
                                    <a style="color: gray;" href="#" aria-valuetext="@lopmonhoc.GhiChu" aria-valuemin="@lopmonhoc.LopMonHocId">Kiến Nghị</a>
                                </td>
                            }
                            else
                            {
                                <td class="odd gradeX">
                                    <span>
                                        @*<input type="checkbox" id="@temp" name="@temp" value="true" onchange="xacNhanGiangDay('@lopmonhoc.MaLopMonHoc','@lopmonhoc.MaHocKy',@i)" />*@
                                        <a href="javascript:xacNhanGiangDay('@lopmonhoc.LopMonHocId')">Xác Nhận</a>
                                    </span>
                                    @*<span><input type="checkbox" checked="checked" id="@temp" name="@temp" value="false" onchange="xacNhanGiangDay('@lopmonhoc.MaLopMonHoc','@lopmonhoc.MaHocKy',@i)" />Không</span>*@
                                </td>
                                <td class="odd gradeX">
                                    <div>
                                        <div id="@temp2" name="@temp2">@lopmonhoc.GhiChu</div></div>
                                    @*<a class="guiKN" href="javascript:giangVienKienNghi('@lopmonhoc.MaLopMonHoc','@lopmonhoc.MaHocKy',@i);" aria-valuetext="@lopmonhoc.GhiChu">Kiến Nghị</a>*@
                                    <a class="guiKN" href="#" aria-valuetext="@lopmonhoc.GhiChu" aria-valuemin="@lopmonhoc.LopMonHocId">Kiến Nghị</a>
                                </td>
                            }
                        </tr>
                            i++;
                    }
                </table>
            }
        </div>
        <div id="DeNghiMoLop">
            <h2>ĐỀ NGHỊ MỞ LỚP</h2>
            @{Html.RenderAction("DeNghiMoLop");}
        </div>
    </div>
</div>
<div id="guiKienNghiDialog">
    <div>
        <input type="hidden" id="maLopKN" value="" />
        <textarea id="noiDungKN" name="noiDungKN" style="width:95%;margin:0 auto;min-height:100px;"></textarea>
    </div>
</div>
    <script>
        $(document).ready(function () {
            $("#guiKienNghiDialog").dialog({
                autoOpen: false, modal: true, width: 450, height: "auto", title: "Gửi kiến nghị",
                buttons: {
                    "Gửi": function () {
                        var idKN = $('#maLopKN').val();
                        var txtKN = $('#noiDungKN').val();
                        guiKienNghi(idKN, txtKN);
                        $(this).dialog("close");
                    }
                }
            });
            $('.guiKN').click(function () {
                var idkn = $(this).attr("aria-valuemin");
                var noidung = $(this).attr("aria-valuetext");
                $('#noiDungKN').val(noidung);
                $('#maLopKN').val(idkn);
                $("#guiKienNghiDialog").dialog("open");
            });
        });
        function xacNhanGiangDay(lopMonHocID) {
            //alert(maLopMonHoc+" and  "+ maHocKy);
            var url = "/GiangVienClient/LopMonHoc";
            var x;
            var r = confirm("Bạn có chắc chắn muốn xác nhận!!! Lưu ý: chỉ được xác nhận 1 lần duy nhất!");
            if (r == true) {
                $(document).ready(function () {
                    $.post("/GiangVienClient/LopMonHoc", { lopHocId: lopMonHocID}, function (data) {
                        ThongBao(data, "/GiangVienClient/LopMonHoc");
                    });
                });
            }
            else {
                $(document).ready(function () {
                    var checked = $('#XacNhanGV' + stt).removeAttr("checked", "");
                });
            }

        }
        function guiKienNghi(maLopMonHoc,noidung) {
            //alert(maLopMonHoc+" and  "+ maHocKy);
            var url = "/GiangVienClient/KienNghiLopMonHoc";
            var x;
            var r = confirm("Bạn có muốn gửi kiến nghị!");
            if (r == true) {
                $(document).ready(function () {
                    var ghichu = noidung;
                    //alert("checked=" + ghichu);
                    $.post(url, { lopHocId: maLopMonHoc,ghiChu: ghichu }, function (data) {
                        //if (data.success) {
                        //    alert("Đã gửi kiến nghị thành công!");
                        //}
                        ThongBao(data, "/GiangVienClient/LopMonHoc");
                    });
                });
            }
            else {
                return;
            }
        }

        function giangVienKienNghi(maLopMonHoc, maHocKy, stt) {
            //alert(maLopMonHoc+" and  "+ maHocKy);
            var url = "/GiangVienClient/LopMonHoc";
            var x;
            var r = confirm("Bạn có gửi kiến nghị!");
            if (r == true) {
                $(document).ready(function () {
                    var checked = false;
                    var ghichu = $('#GhiChuGV' + stt).val();
                    //alert("checked=" + ghichu);
                    $.post(url, { maLMH: maLopMonHoc, maHK: maHocKy, isChecked: checked, ghiChu: ghichu }, function (data) {
                        if (data.success) {
                            alert("Đã gửi kiến nghị thành công!");
                        }
                    });
                });
            }
            else {
                $(document).ready(function () {
                    var checked = $('#XacNhanGV' + stt).removeAttr("checked", "");
                });
            }
        }
        function ThongBao(data,url) {
            if (data.success) {
                ToastManager.showSuccessToast("Thao tác thành công."); 
                setTimeout(function () {
                    refreshPage(url);
                }, 2000);
            }
            else {
                ToastManager.showStickyWarningToast(data.message);
            }
        }
        function refreshPage(url) {
            window.location = url;
        }
    </script>
